<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/beiyong.css"/>
		<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			/*审核信息*/
			.ic{
				height: 100%;
				display: flex;
				align-items: center;
				font-family: Muiicons;
			    font-size: 16px;
			    line-height: 1;
			    z-index: 20;
			    padding-top: 10px;
			    padding-bottom: 10px;
			    color: #ffffff;
			}
			.list{
				/*width: 100%;*/
				padding: 10px;
				background:#fff;
				margin:10px;
				border-radius: 10px;;
			}
			.list>div{
				padding: 5px;
				white-space: nowrap;
				text-overflow:ellipsis;
				width:100%;
				overflow: hidden;
				
			
			}
			*{
				font-family: "微软雅黑";
				color: #676664;
			}
			.list_content{position:absolute; top:44px; width:100%; bottom:0; background:#fff; display:none;}
			.list_title{text-align: center; margin:10px 0; font-size:20px; color:#666;}
			.list_content span{ text-indent: 2em; margin:.5rem; display:block;}
			.list_content button{background:#7DB1FD; width:100%; border:0; color:#fff; height:50px; position:fixed; bottom:0;}
		</style>
	</head>

	<body>
			<header class="mui-bar mui-bar-nav hbg">
			    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			    <h1 class="mui-title">审核</h1>
			     <!--<div class="ic mui-icon-right-nav mui-pull-right" onclick="gofeed()">去反馈</div>-->
			</header>
			<div class="mui-content" id="probapp">
		    
			    <div class="list" v-for="(item,index) in list" @click="show(index)">
			    	<div class="">
			    		书籍: {{item.name}}
			    	</div>
			    	<div class="">
			    		审核: {{item.content}}
			    	</div>
			    </div>
			    <div class="list_content" ref="list_content">
			    	<div class="list_title">{{title}}</div>
			    	<span class="">
			    		{{content}}
			    		
			    	</span>
			    	<button @click="show()">关闭</button>
			    </div>
			</div>
		
		<script src="../js/req.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/muishow.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init();
			var app = new Vue({
				el: "#probapp",
				data: {
					list:[],
					ist:true,
					title:'',
					content:''
				},
				mounted: function() {
					var that = this;
					that.getaudit();
				},
				methods: {
					getaudit(){
						var that = this;
						let data = {
							url:"/api/Book/shop_book_resview",
							data:{access_token:acctoken(),page:1}
						}
						ajax(data,function(res){
							console.log(res);
							let listarr = [];
							for(let i = 0 ; i < res.data.length; i++){
								let content = res.data[i].content;
								if(content == "" && res.data[i].status == "-1"){
									content = "审核失败"
								}
								if(content == "" && res.data[i].status == "1"){
									content = "审核成功"
								}
								if(content == "" && res.data[i].status == "0"){
									content = "审核中.."
								}
								let str = {
									name:res.data[i].title,
									content:content
								}
								listarr.push(str)
							}
							that.list = listarr;
							
						})
					},
					show(index){
						
						 
						var that = this;
						
						var list = that.$refs.list_content;
						if(that.ist){
							that.title = that.list[index].name;
							that.content = that.list[index].content;
							list.style.display = "block";
							that.ist = false;
						}else{
							that.title = "";
							that.content = "";
							list.style.display = "none";
							that.ist = true;
						}
						
						
					},
					
				}
			})
			
				function gofeed(){
				mui.openWindow({
				    url: 'feedback.html', 
				    id:'feedback'
				 });
			}
		</script>
	</body>

</html>